<!DOCTYPE HTML>
<html>
<head>
	<title>CADA::计算机应用设计协会</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./css/pure-min.css">
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<!--[if lte IE 8]>
		<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-old-ie-min.css">
	<![endif]-->
	<!--[if gt IE 8]><!-->
		<link rel="stylesheet" href="./css/grids-responsive-min.css" />
	<!--<![endif]-->
	<!--- Goog Fonts -->
</head>
<body>
	<!-- Navigator Starts Here ---->
	<div class="navigator">
		<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
			<a class="pure-menu-heading" href="">CADA::计算机应用设计协会</a>
			<ul class="pure-menu-list">
				<li class="pure-menu-item"><a href="mailto:pkucada@126.com" class="pure-menu-link">联系我们</a></li>
				<li class="pure-menu-item"><a href="http://forum.pkucada.net/" class="pure-menu-link cada-main">CADA论坛</a></li>
			</ul>
		</div>
	</div>
	<!-- Navigator Ends Here ---->

	<!-- Header Starts Here ---->
	<div class="header">
		<div class="header-text">
			<h1>CADA</h1>
			<small>计算机应用设计协会<br>Computer Application and Design Association</small>
			<div class="header-motto">
				<h2 class="header-motto-text">灵感点亮生活，设计改变北大</h2>
			</div>
		</div>
	</div>
	<!-- Header Ends Here ---->

	<!--- Introduction Starts Here --->
	<div class="introduction">
		<div class="introduction-container section-container">
			<div class="introduction-header">
				<h2 class="introduction-text section-title">About CADA</h2>
			</div>
			<p>北京大学计算机应用设计协会（CADA）成立于2008年，以信息科学技术学院的学术资源为依托，致力于为对计算机应用设计技术感兴趣的同学，提供一个提高技术、交流心得的平台。
			   社团成员遍布世界各个著名计算机公司，累计代码行数超过10万行，每年协助举办北京大学文科计算机应用设计比赛，
			   北京大学ACM/ICPC校内选拔赛等。著名的“颐和园路5号”“燕园地图”应用均由社团开发维护。
			</p>
			<video id="cada-anim" width="480" height="360" controls="controls">
			  <source src="./video/CADA.mp4" type="video/mp4" />
			  <object data="movie.mp4" width="480" height="360">
			  </object>
			</video>
		</div>
	</div>
	<!--- Introduction Ends Here --->

	<!--- History Starts Here --->
	<div class="history">
		<div class="history-container section-container">
			<div class="history-header">
				<h2 class="history-text section-title">History of CADA</h2>
				<span class="line"></span>
			</div>
			<div class="history-section">
				<h4> CADA = null </h4>
				<span class="divide-line"></span>
				<div class="history-left-box">
					<h5 style="background-color:lightseagreen">2008</h5>
					<p>2008年第一届中国大学生（文科）计算机设计大赛，北大学子踊跃参加。这之后，一批喜爱计算机开发的同学以张塔师兄为首，聚集在一起。这是CADA（计算机应用设计协会）的前身。</p>
				</div>
			</div>
			<div class="history-section">
				<h4> CADA = new CADA(); </h4>
				<span class="divide-line"></span>
				<div class="history-right-box">
					<h5 style="background-color:coral">2009</h5>
					<p>CADA（计算机应用设计协会）正式成立。在之后，社团一直关注计算机设计大赛，在信息科学技术学院下，主办、协办了至今的所有北京大学文计比赛。</p>
				</div>
				<div class="history-left-box">
					<h5 style="background-color:cornflowerblue">2010</h5>
					<p>2010年，张塔、梁海师兄的作品《基于LAMP的高考志愿填报协助系统》获得北京大学“微博杯”计算机应用设计大赛一等奖。该赛由CADA和信科院及校团委学术科创部
					一起主办。</p>
				</div>
			</div>
			<div class="history-section">
				<h4> CADA = CADA.next(); </h4>
				<span class="divide-line">
				</span>
				<div class="history-left-box">
					<h5 style="background-color:turquoise">2011</h5>
					<p>2011年暑假，社团成立了一支技术过硬的移动互联网开发团队。同年10月10日，颐和园路5号正式诞生。作为最早的几款为校园学子提供网关登录、日常管理、教室查询、课程查询的手机端应用，它风靡了整个燕园大地。</p>
				</div>
				<div class="history-right-box">
					<h5 style="background-color:limegreen">2012</h5>
					<p>张楠学姐、王仲禹学长担任社团核心，带领大家集中力量开发移动端App。</p>
				</div>
				<div class="history-left-box">
					<h5 style="background-color:salmon">2013</h5>
					<p>2013年年初，社团推出颐和园路5号的后继版本——燕园地图。燕园地图以地图为基础，附带校园生活攻略、路径导航等功能。
					同年，为学校开发的“好好学习十八大”也广受好评！</p>
				</div>
				<div class="history-right-box">
					<h5 style="background-color:gold">2014</h5>
					<p>在武振伟、张辰光学长的努力下，社团广泛开展交流学习活动，组织大牛们讲课。其中，现教现做的Workshop方式受到大家的喜爱。</p>
				</div>

			</div>
			<div class="history-section">
				<h4> CADA = ? </h4>
			</div>
		</div>
	</div>
	<!--- Experience Ends Here --->
	<!--- Footer Starts Here ---->
	<div class="footer">
		<div class="footer-container">
			<img src="./images/cada-small-icon.png" id="cada-icon" />
			<p class="copyright">Copyright &copy; 2015.CADA All rights reserved.
			<br>版权所有：北京大学计算机应用设计协会（CADA）</p>
		</div>
	</div>
	<!--- Footer Ends Here ---->
</body>
</html>
